<template>
  <div class="login">
    <p>
      <router-link to="/login/account">账号登录</router-link>
      <router-link to="/login/phone">账号登录</router-link>
    </p>
    <!-- 二级视图 => 是一级视图下定义子视图  => 目的是,可以对应路由地址,在/login新增两种切换方式  /login/account  /login/phone -->
    <router-view></router-view>
  </div>
</template>

<script>
// @是/src的别名 => 从src目录下开始查找

export default {
  name: 'AboutView',
  data() {
    return {
      user: "",
      pwd: "",
    }
  },
  methods: {
    loginHandler() {
      if (this.user && this.pwd) {
        setTimeout(() => {
          console.log("当前路由信息", this.$route);
          localStorage.setItem("token", "123123123");

          // push版
          // var ReturnURL = this.$route.query.ReturnURL;  => 
          // if (ReturnURL) {  // 从其他页面跳转过来  
          //   this.$router.push(ReturnURL);
          // } else { // 没有 => 单纯的想登录
          //   this.$router.push("/");
          // }


          var ReturnURL = this.$route.query.ReturnURL;
          if (ReturnURL) {  // 从其他页面跳转过来  
            this.$router.replace(ReturnURL);
          } else { // 没有 => 单纯的想登录
            this.$router.push("/");
          }


        }, 1000)
      }
    }
  },
  mounted() {
    console.log("当前路由信息", this.$route);
  }

}
</script>

<style scoped>
  .router-link-active{
    color:aqua;
  }

</style>
